import React, { PropsWithChildren } from "react"

interface RowProps {
    children?: React.ReactNode
}

const Row: React.FC<RowProps> = (props) => {
    const { children } = props
    return <div className="row">
        {children}
    </div>
}



const RowList: React.FC<PropsWithChildren> = (props) => {
    const { children } = props;

    return <div className='row-list'>
        {children}
    </div>
}

export function ReactChildrenReplace() {
    return <RowList>
      <Row>
        <div>111</div>
      </Row>
      <Row>
        <div>222</div>
      </Row>
      <Row>
        <div>333</div>
      </Row>
    </RowList>
  }